<script setup>
import TnTabbar from "@tuniao/tnui-vue3-uniapp/components/tabbar/src/tabbar.vue";
import TnTabbarItem from "@tuniao/tnui-vue3-uniapp/components/tabbar/src/tabbar-item.vue";
<<<<<<< HEAD
import {ref} from "vue";
import tabbar from "./tabbar.js";

const currentTabbar = ref(0);
console.log("currentTabbar", currentTabbar);
// 导航栏数据
const tabbarData = ref([]);
tabbarData.value = tabbar;

// 跳转
const tabbarChange = (index) => {
  currentTabbar.value = index;
}

=======
import { ref } from "vue";
import tabbar from "./tabbar.js";

const currentTabbar = ref(0);

// 导航栏数据
const tabbarData = ref([]);
tabbarData.value = tabbar;
>>>>>>> 0fa3b125bbe09daf2e9b1426e61e053d2d01b6e7
</script>
<template>
  <view class="app">
    <TnTabbar v-model="currentTabbar" fixed>
<<<<<<< HEAD
      <TnTabbarItem v-for="(item, index) in tabbarData" :key="index" :icon="item.activeIcon" :active-icon="item.icon"
                    :text="item.text" icon-size="40" active-color="#ff4341" @click="tabbarChange(index)"/>
=======
      <TnTabbarItem
        v-for="(item, index) in tabbarData"
        :key="index"
        :icon="item.activeIcon"
        :active-icon="item.icon"
        :text="item.text"
        icon-size="40"
        active-color="#ff4341"
      />
>>>>>>> 0fa3b125bbe09daf2e9b1426e61e053d2d01b6e7
    </TnTabbar>
  </view>
</template>
<style lang="sacc" scoped></style>
